import React, { PureComponent } from "react";
// import { HomeWrapper, TitleWrapper } from "@/test/style/css";
import { HomeWrapper, TitleWrapper } from "./css";
import classNames from "classnames";

export default class App extends PureComponent {
  render() {
    let isActive = true;
    let tempClass = "box2";
    return (
      // 这样的css穿透，很牛逼吧。。
      <HomeWrapper color="blue">
        <TitleWrapper>我是一个span</TitleWrapper>
        <p>我只是一个p</p>
        <div>
          <span className={classNames({ box: isActive }, tempClass)}>box</span>
          <ul className="list">
            <li className="active">one</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
          </ul>
        </div>
      </HomeWrapper>
    );
  }
}
